import { createElement } from "../../utils/element";
import imgboxCss from "./imgbox.module.css";

// 这样就可以像引入js文件一样引入一个图片，然后直接赋值给img标签的src属性即可
// 但是其实还是有一点小问题，那就是路径写起来比较烦，当项目目录层级复杂起来，不知道要写多少的 .和/ ，这个时候我们就可以去vite.config.js里配置一下，直接将src目录使用别名 @ 代替，这样以后引入静态资源就会方便很多
import catGirlImg from "../../assets/images/cat_girl.jpg";
import catGirl2Img from "@assets/images/cat_girl.jpg";

const img = createElement({
  tagName: "img",
  className: imgboxCss.img,
});

img.src = catGirl2Img;

export default img;
